#my {
  width: 3.75rem;
  margin: 0 auto;
  background-color: #f2f2f2;
}

/* 头部 */
#my header {
  background: #ff6040;
  padding-top: 0.44rem;
  box-sizing: border-box;
}

/* 顶部信息 */
#my header .top_box {
  height: 0.44rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.06rem 0 0.17rem;
  box-sizing: border-box;
}

#my header .top_box h2 {
  opacity: 0.8;
  font-size: 0.17rem;
  color: #ffffff;
  margin-left: 1.45rem;
}

#my header .bot_box {
  height: 2.1rem;
  background-image: linear-gradient(180deg, #ff6040 0%, #ff8a80 100%);
  box-shadow: 0 0.02rem 0.06rem 0 rgba(255, 149, 128, 0.5);
  margin-top: 0.06rem;
  display: flex;
  flex-direction: column;
}

#my header .bot_box .top {
  display: flex;
  justify-content: space-between;
}

#my header .bot_box .top .left {
  display: flex;
  margin-left: 0.1rem;
}

#my header .bot_box .top .left img {
  width: 0.64rem;
  height: 0.64rem;
}

#my header .bot_box .top .left p {
  display: flex;
  flex-direction: column;
  margin-left: 0.1rem;
}

#my header .bot_box .top .left p span:nth-child(1) {
  font-size: 0.18rem;
  color: #ffffff;
  margin-bottom: 0.1rem;
}

#my header .bot_box .top .left p span:nth-child(2) {
  width: 1.4rem;
  height: 0.16rem;
  border: 0.01rem solid #ffffff;
  border-radius: 0.01rem;
  font-size: 0.1rem;
  color: #ffffff;
  text-align: center;
  line-height: 0.16rem;
}

#my header .bot_box .top .right {
  width: 0.76rem;
  height: 0.2rem;
  background: #ffd4cc;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.1rem 0 0 0.1rem;
  margin-top: 0.2rem;
}

#my header .bot_box .top .right img {
  width: 0.16rem;
  height: 0.16rem;
}

#my header .bot_box .top .right a {
  font-size: 0.1rem;
  color: #ff6243;
}

#my header .bot_box .bot {
  display: flex;
  justify-content: space-around;
}

#my header .bot_box .bot p {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.15rem;
}

#my header .bot_box .bot p:nth-child(1) a,
#my header .bot_box .bot p:nth-child(2) a,
#my header .bot_box .bot p:nth-child(3) a,
#my header .bot_box .bot p:nth-child(4) a {
  font-size: 0.18rem;
  color: #ffffff;
}

#my header .bot_box .bot p:nth-child(3) a span:nth-child(1) {
  font-size: 0.1rem;
}

#my header .bot_box .bot p > span {
  font-size: 0.1rem;
  color: #ffffff;
}

#my header .bot_box .wrap {
  width: 3.55rem;
  height: 1.03rem;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0.15rem 0.1rem 0 0.1rem;
  padding: 0.1rem 0.1rem 0 0.1rem;
  box-sizing: border-box;
  border-radius: 4px;
}

#my header .bot_box .wrap .wrap_top {
  height: 0.16rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#my header .bot_box .wrap .wrap_top a {
  display: flex;
  align-items: center;
}

#my header .bot_box .wrap .wrap_top > p {
  font-size: 0.16rem;
  color: #333333;
}

#my header .bot_box .wrap .wrap_top a p {
  font-size: 0.12rem;
  color: #ff6040;
}

#my header .bot_box .wrap .wrap_top a span {
  font-size: 0.08rem;
  color: #ff6040;
}

#my header .bot_box .wrap .wrap_bot {
  height: 0.77rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 0.15rem;
}

#my header .bot_box .wrap .wrap_bot a {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.1rem;
  color: #333333;
}

header .bot_box .wrap .wrap_bot a img {
  width: 0.32rem;
  height: 0.32rem;
}

#my .center {
  width: 3.75rem;
  height: 1rem;
  margin-top: 0.2rem;
  padding: 0.2rem 0.1rem 0 0.1rem;
}

#my .center img {
  width: 3.55rem;
  height: 1rem;
}

#my .icon {
  width: 3.55rem;
  height: 1.55rem;
  border-radius: 0.06rem;
  background-color: #ffffff;
  margin: 0.15rem 0.1rem 0 0.1rem;
}
#my .icon p {
  float: left;
  margin: 0.17rem 0 0 0.28rem;
  text-align: center;
}
#my .icon p span {
  display: block;
  margin-top: 0.03rem;
}
#my .icon p span img {
  width: 0.32rem;
  height: 0.32rem;
}
#my .kong {
  height: 2rem;
  background-color: #f2f2f2;
}
